
export const KpaPie = {
  title: {
    text: '测试压力统计图(Unit:T)',
    left: 'center',
    top: '10px',
    textStyle: {
      color: '#6C6C6C',
      fontSize: 20,
      fontWeight: 600,
      align: 'center'
    }
  },
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b} : {c} ({d}%)'
  },
  grid:
  {
    top: '15%',
    width: '90%',
    bottom: '3%',
    // left: '5%',
    containLabel: true
  },
  color: [
    // '#5087EC',
    // '#61a0a8',
    // '#d48265',
    '#ADC25D',
    '#749f83',
    '#ca8622',
    '#bda29a',
    '#6e7074',
    '#546570',
    '#c4ccd3'
  ],
  legend: {
    show: false,
    left: 'center',
    top: 'bottom'
  },
  series: [
    {
      name: '压力',
      type: 'pie',
      radius: [20, 120],
      // center: ['50%', '50%'],
      roseType: 'area',
      itemStyle: {
        borderRadius: 5
      },

      label: {
        alignTo: 'edge',
        formatter: '{name|{b}T:{d}%}',
        minMargin: 5,
        edgeDistance: 150,
        lineHeight: 15,
        rich: {
          time: {
            fontSize: 10,
            color: '#999'
          }
        }
      },
      data: [
        { value: 30, name: 'rose 1' },
        { value: 28, name: 'rose 2' },
        { value: 26, name: 'rose 3' },
        { value: 24, name: 'rose 4' },
        { value: 22, name: 'rose 5' },
        { value: 20, name: 'rose 6' },
        { value: 18, name: 'rose 7' },
        { value: 16, name: 'rose 8' }
      ]
    }
  ]
}

export const KpaLine = {
  title: {
    text: '测试压力实测图(Unit:T)',
    left: 'center',
    top: '10px',
    textStyle: {
      color: '#6C6C6C',
      fontSize: 20,
      fontWeight: 600,
      align: 'center'
    }
  },
  grid:
    {
      top: '15%',
      width: '90%',
      left: '5%',
      bottom: '3%',
      // left: '5%',
      containLabel: true
    },
  // backgroundColor: '#0f375f',
  tooltip: {
    trigger: 'axis',
    backgroundColor: 'rgba(69, 14, 255,0.5)',
    //   axisPointer: {
    //     type: 'cross' // 十字准线指示器，可选为：'line' | 'shadow'
    //   },
    borderWidth: '0',
    textStyle: {
      color: '#6DFFFF'
    },
    lineStyle: {
      width: 2,
      type: 'dashed' // 设置虚线类型
    },
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
    }
  },
  legend: {
    show: false,
    bottom: '3%'
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    axisLabel: {
      formatter: '{value}',
      lineStyle: {
        color: '#090909'
      }
    },
    axisLine: {
      show: false,
      lineStyle: {
        color: '#090909'
      }
    }
  },
  yAxis: {
    type: 'value',
    axisLabel: {
      formatter: '{value}T',
      lineStyle: {
        color: '#090909'
      }
    },
    axisLine: {
      show: false,
      lineStyle: {
        color: '#090909'
      }
    }
  },
  series: [
    {
      name: 'site2',
      data: [136.34, 136.34, 136.34, 136.34, 136.34, 136.34, 136.34, 136.34],
      type: 'line',
      label: { // 显示折现的值
        show: false,
        color: '#000000',
        backgroundColor: 'transparent'// 隐藏背景颜色不然感觉有描边
      },
      lineStyle: {
        type: 'solid', // 基准线样式为实线
        color: '#E97132',
        width: 3
      }
    }
  ]
}
